<meta charset="utf-8"><html><head><link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.14.custom.css"> <script src="jquery-1.6.2.min.js"></script> <script src="jquery-ui-1.8.14.custom.min.js"></script> <style>#resizable { width: 150px; height: 150px; padding: 0.5em; }#resizable h3 { text-align: center; margin: 0; }</style><script>$(function() {	$( "#resizable" ).resizable({grid: 50	});});</script></head><body><div class="demo"><div id="resizable" class="ui-widget-content"><h3 class="ui-widget-header">Grid</h3></div></div><!-- End demo --><div class="demo-description"><p>Snap the resizable element to a grid.  Set the dimensions of grid cells (height and width in pixels) with the <code>grid</code> option.</p></div><!-- End demo-description --></body>